<!DOCTYPE html>
<html>
    <head>
        <title>Finn Bar</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
        <script src="../resources/js/admin.js"></script>
        <script src="../resources/js/validate.js"></script>
        <script src="../resources/js/findBar.js"></script>
        <script src="../resources/js/logIn.js"></script>
        <script src="../resources/js/header.js"></script>
        <script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
        <link rel="stylesheet" type="text/css" href="../resources/css/default.css">
        <link rel="stylesheet" type="text/css" href="../resources/css/findBar.css">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <?php include '../resources/templates/header.php' ?>
        <div id="content-wrapper">
            <article id="content">
                <div id="search-wrapper">
                    <input type="text" id="search-box" placeHolder ="Søk etter bar eller sted" autofocus>
                    <button id="searchBtn" class="search-btn" title="Søk"><img src="../resources/images/magn_glass_white.svg"></button>
                </div>
                <div id="cityBtns">
                    <span><button class="square-btn place-btn" id="findBergen">Bergen</button></span>
                    <span><button class="square-btn place-btn" id="findLarvik">Larvik</button></span>
                    <span><button class="square-btn place-btn" id="findOslo">Oslo</button></span>
                    <span><button class="square-btn place-btn" id="findStavanger">Stavanger</button></span>
                    <span><button class="square-btn place-btn" id="findTrondheim">Trondheim</button></span>
                    <span><button class="square-btn place-btn" id="findTromso">Tromsø</button></span>
                </div>
                <div id="map-wrapper"><div class="map" id="map-canvas"></div></div>
                <table id="results">
                    
                </table>
            </article>
        </div>
        <!--        This span is used to measure the window-width correctly. Do not remove-->
        <span class="windowWidth"></span>
        <?php include '../resources/templates/footer.php' ?>
    </body>
</html>